<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title> - Práticas de programação - </title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/960.css" />
		<link rel="stylesheet" type="text/css" href="css/text.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/circle.css" />
		<link rel="stylesheet" type="text/css" href="css/modal.css" />
		<script type="text/javascript" src="js/d3.v2.min.js"></script>
		<script type="text/javascript" src="js/jsnetworkx.js"></script>
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/modal.js"></script>
		<script type="text/javascript">
		function checkBrowser(){
			if(navigator.userAgent.toLowerCase().indexOf('chrome') == -1){
				document.getElementById("denied").style.display = "block";
			} else {
				document.getElementById("main").style.display = "block";
			}		
		}
		</script>
	</head>
	<body onload="javascript:checkBrowser()">
		<div id="denied" class="container_24">
			<div class="error">
			Por enquanto apenas Google's chrome! <a href="http://www.google.com/chrome" title="Pegue um nevegador de vergonha aqui">Baixe aqui!</a>						
			</div>
			<div id="denimg"><img src="img/oppa.JPG" title="Opp, Opp, Opp!"/></div>			
		</div>
		<div class="clear"></div>
		<div id="main" class="container_24">
			<header>
				<span class="first">programação</span>
				<span class="second">práticas</span>
				<div style="float:right;">
					<a id="about" href="#">Sobre</a>
				</div>
				<div class="clear"></div>
			</header>
			<div class="grid_11">
				<ol>
					<li>A barra horizontal contém os vértices.</li>
					<li>A barra vertical contém as ligações(arestas).</li>					
					<li>Click 2x no círculo para remover um vértice ou aresta</li>
					<li>Arraste um vértice para a barra vertical.</li>
				</ol>
				
				<div id="graph">
					<!--  #Graph -->
				</div>				
			</div>
			<div class="grid_13">
			<div class="nodegroup">				
			</div>
			<div id="containers">				
			</div>
			</div>
			<div class="clear"></div>
			<footer>
				<span>Copyright © Diego P. Prazeres, all rights reserved.</span>
			</footer>
		</div>
		<script type="text/javascript" src="js/graph.js"></script>		
	</body>
</html>